@import './reset.scss';

header{
	width: 100%;
	height:120px;
	background-color: white;
	.headermian{
		width: 1175px;
		height: 100%;
		margin: 0 auto;
		&-top{
			overflow: hidden;
			&-left{
				float: left;
				width:220px;
				height: 25px;
				font-size: 12px;
				background-color: white;
				margin: {
					left:17px;
					top:10px;
				};
				i{
					color: #8C8C8C;
					font-size:20px;
				}
				span{
					font-size:12px;
					b{
						color: red;
					}
				}
				a{
					color: #8C8C8C;
					text-decoration: none;
					margin-right: 5px;
					&:nth-last-child(1){
						margin-right: 0;
					}
				}
				
				
			}
			&-log{
				width: 180px;
				height: 35px;
				float: left;
				margin:{
					top: 23px;
					left: 260px;
					right:185px;
				};
				img{
					width: 100%;
					height: 100%;
				}
			}
			&-right{
				float: left;
				display: flex;
				flex-direction: row;
				height: 70px;
				form{
					height: 28px;
					width: 170px;
					border: 1px solid #e9e9e9;
					display: flex;
					flex-direction: row;
					align-items:center ;
					margin-top: 10px;
					border: {
						top-left-radius: 15px;
						bottom-left-radius:15px;
						bottom-right-radius: 15px;
						top-right-radius: 15px;
					};
					input{
						width: 95px;
						height: 12px;
						border: none;
						outline: none;
						font-size: 12px;
						margin: {
							left: 15px;
							right: 25px;
						};
					}
					label{
						i{
							display: block;
							margin-top: 3px;
							// line-height: 28px;
							text-align: center;
							font-size:20px;
						}
					}
				}
				.language{
					display: flex;
					flex-direction: column;
					align-items: center;
					width: 105px;
					height:50px;
					border: 2px solid #e9e9e9;
					overflow: hidden;
					
					margin:{
						top:10px;
						left: 15px;
						right: 7px;
					};
					border: {
						top-left-radius: 5px;
						bottom-left-radius:5px;
						bottom-right-radius: 5px;
						top-right-radius: 5px;
					};
									
					li{
						// float: left;
						display: flex;
						flex-direction: row;
						align-items: center;
						height:25px;
						width: 105px;
						font-size: 12px;
						flex: 1;
						b{
							font-weight: normal;
						}
						a{
							display: flex;
							flex-direction: row;
							.language-span{
								width: 20px;
								height: 15px;
								margin: {
									left: 10px;
									right: 10px;
								};
								img{
									width: 100%;
									height: 100%;
								}
							}
						}
					}
					#languagemeun2{
						display: none;
					}	
				}
				
				.samll{
					height: 25px!important;
				}
			}
		}
		.nav{
			width: 760px;
			height: 55px;
			margin: 0 auto;
			bottom: 0;
			position: relative;
			ul{
				width: 100%;
				height: 100%;
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: space-between;
				li{
					line-height: 50px;
					text-align: center;
					height: 50px;
					a{
						font-size: 14px;
						color: #4b4b4b;
					}
				}
			}
			//下拉菜单
			.menu{
				top:40px;
				right:-120px;
				position: absolute;
				width: 1000px;
				// height: 400px;
				background-color: rgba(255,255,255,0.9);
				overflow: hidden;
				display: none;
				z-index: 100;
				&-content{
					margin-top: 50px;
					width: 760px;
					margin: 0 auto;
					// display: flex;
					// flex-direction: row;
					// justify-content: space-between;
					// background-color: pink;
					p{
						line-height: 40px;
						text-align: center;
						a{
							font-size: 20px;
						}
					}
					a{
						font-size: 13px;
						color:#666666;
						text-decoration: none;
					}
					ol{
						margin-bottom: 50px;
						display: flex;
						flex-direction: row;
						flex-wrap: wrap;
						li{
							width:30%;
							font-size: 15px;
							height: 100px;
							color: #666666;
							display: flex;
							flex-direction: column;
							align-items: center;
							span{
								display: block;
								width: 70px;
								height: 70px;
								// border: 1px solid  #666666;
								img{
									width: 100%;
									height: 100%;
								}
							}
						}
						
					}	
				}
				&:hover{
					box-shadow: 0px 10px 5px #cccc;
				}
			}
		}
		
	}
}